<template>
    <div class="breadcrumb">
        <el-breadcrumb separator="/">
            <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        </el-breadcrumb>
    </div>
    <el-card>
        <div class="search">
            <el-space size="large">
                <el-button @click="this.$router.push({ path: '/activity/0' })">新增</el-button>
            </el-space>
        </div>
        <el-table v-loading="loading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading"
            element-loading-background="rgba(0, 0, 0, 0.8)" :data="tableData" border style="width: 100%" size="large">
            <el-table-column prop="id" label="ID" width="150" />
            <el-table-column prop="name" label="活动名称" width="350" />
            <el-table-column prop="start_time" label="开始时间" width="250" />
            <el-table-column prop="current_round" label="当前轮次" width="250" />
            <el-table-column prop="status" label="活动状态" width="250" />
            <el-table-column prop="desc" label="活动描述" />
            <el-table-column prop="created_at" label="创建时间" width="250" />
        </el-table>
    </el-card>
</template>

<script>
export default {
    name: 'ActivityView',
    components: {

    },

    data() {
        return {
            tableData: [],
            loading: false
        }
    },

    methods: {

    },
    mounted() {

    }
}

</script>

<style scoped>
.breadcrumb {
    height: 35px;
}

.search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 60px;
    padding-right: 30px;
    margin-bottom: 10px;
}

a {
    text-decoration: none;
}
</style>